import React from 'react';
import PropTypes from 'prop-types';

const InfoFilled = props => {
    const { className, style } = props;
    return (
        <svg
            className={className}
            style={style}
            width="20px"
            height="20px"
            viewBox="0 0 20 20"
            version="1.1"
        >
            <g id="pages" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g
                    id="component-page-(interactive-example)"
                    transform="translate(-226.000000, -351.000000)"
                    fillRule="nonzero"
                >
                    <g id="info-filled" transform="translate(226.000000, 351.000000)">
                        <path
                            d="M9.98489738,0.500108652 C15.2231788,0.500108652 19.469505,4.74641119 19.469505,9.98496982 C19.469505,15.2229486 15.2229981,19.4693964 9.98489738,19.4693964 C4.74657822,19.4693964 0.5,15.2229837 0.5,9.98496982 C0.5,4.7463761 4.7463975,0.500108652 9.98489738,0.500108652 Z"
                            id="Path"
                            fill="#01B6F5"
                        />
                        <path
                            d="M10.9724708,6.70187123 C11.2437384,6.70187123 11.459666,6.76644668 11.6142052,6.89389537 C11.7768934,7.02829779 11.862837,7.21796781 11.862837,7.44244266 C11.862837,7.58785513 11.7897505,8.02583099 11.1577223,10.1411388 C10.4081328,12.6587485 10.0280322,14.1907404 10.0280322,14.6943421 C10.0280322,14.7558028 10.0411066,14.8033561 10.0679799,14.8397545 C10.0783742,14.8538431 10.0863058,14.861992 10.0913038,14.8664467 C10.2896298,14.8275131 11.3000926,14.3819316 12.1903863,13.9604708 C12.2708612,13.922334 12.3672354,13.9485191 12.4174688,14.0221127 C12.4677022,14.0957062 12.4568732,14.1949054 12.3919356,14.256004 C11.389332,15.1999718 10.6742575,15.7889014 10.2057505,16.0566197 C9.72159759,16.3333199 9.32969014,16.467831 9.00768209,16.467831 C8.70552113,16.467831 8.46004024,16.3688129 8.27804829,16.173493 C8.09946076,15.9820483 8.00888129,15.7196901 8.00888129,15.3938068 C8.00888129,14.4704105 8.53942857,12.3025513 9.63087324,8.76625755 C9.67538431,8.61961368 9.69809256,8.48897787 9.69809256,8.37862374 C9.69809256,8.36294165 9.69686117,8.35200402 9.69555734,8.344833 C9.69276861,8.34461569 9.68943662,8.34447082 9.68556137,8.34447082 C9.5774165,8.34447082 9.44507847,8.39311066 9.29220523,8.48894165 C9.10550503,8.60621328 7.82468008,9.13089336 7.56981891,9.23490946 C7.49155332,9.26678068 7.40155332,9.24037827 7.35302213,9.17102213 C7.30456338,9.10170221 7.31050302,9.00808048 7.36732797,8.94546076 C8.09326761,8.14589135 8.76832193,7.56724748 9.37362173,7.22560966 C9.99826157,6.87317907 10.5212394,6.70187123 10.9724708,6.70187123 Z M11.7041328,3.50171026 C11.975835,3.50171026 12.2040765,3.59428169 12.3824467,3.77685312 C12.5594406,3.95837425 12.6491509,4.19092555 12.6491147,4.4681328 C12.6491147,4.82885714 12.5228249,5.1504668 12.2737948,5.4240161 C12.0203461,5.70245473 11.7273119,5.84362978 11.4028773,5.84362978 C11.1371509,5.84362978 10.9119879,5.74866801 10.7337264,5.56135211 C10.5578189,5.37682495 10.4686157,5.13572636 10.4686157,4.84479276 C10.4686157,4.47657143 10.5897264,4.1583662 10.8285433,3.8990503 C11.0712354,3.63538833 11.3658632,3.50171026 11.7041328,3.50171026 Z"
                            id="Combined-Shape"
                            fill="#FFFFFF"
                        />
                    </g>
                </g>
            </g>
        </svg>
    );
};

InfoFilled.propTypes = {
    className: PropTypes.string,
    style: PropTypes.object,
};

InfoFilled.defaultProps = {
    className: undefined,
    style: undefined,
};

export default InfoFilled;
